<template>
	<div>
		<p style="margin-bottom: 0">基于 TinyMCE 并做了简单封装</p>
		<div>
			<TinyMCE v-model="content" />
			<div class="preview" v-html="content" />
		</div>
	</div>
</template>

<script lang="ts" setup name="ComponentExampleTinyMCE">
import { ref } from 'vue'
import TinyMCE from '@/components/TinyMCE/index.vue'
const content = ref('<h1>Fantastic-admin</h1>')
</script>

<style lang="scss" scoped>
.preview {
	margin-top: 10px;
	&::before {
		display: block;
		content: '预览：';
	}
}
</style>
